<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <style type="text/css">
        .none {
            margin: 5px;
            border-width: 5px;
            border-style: none;
            border-color: grey;
            float: left;
        }
        .dashed {
            margin: 5px;
            border-width: 5px;
            border-style: dashed;
            border-color: grey;
            float: left;
        }
        .dotted {
            margin: 5px;
            border-width: 5px;
            border-style: dotted;
            border-color: grey;
            float: left;
        }
        .double {
            margin: 5px;
            border-width: 5px;
            border-style: double;
            border-color: grey;
            float: left;
        }
        .groove {
            margin: 5px;
            border-width: 5px;
            border-style: groove;
            border-color: grey;
            float: left;
        }
        .inset {
            margin: 5px;
            border-width: 5px;
            border-style: inset;
            border-color: grey;
            float: left;
        }
        .outset {
            margin: 5px;
            border-width: 5px;
            border-style: outset;
            border-color: grey;
            float: left;
        }
        .ridge {
            margin: 5px;
            border-width: 5px;
            border-style: ridge;
            border-color: grey;
            float: left;
        }
        .solid {
            margin: 5px;
            border-width: 5px;
            border-style: solid;
            border-color: grey;
            float: left;
        }
    </style>
</head>

<body>
<h1 class="none">none</h1>
<h1 class="dashed">dashed</h1>
<h1 class="dotted">dotted</h1>
<h1 class="double">double</h1>
<h1 class="groove">groove</h1>
<h1 class="inset">inset</h1>
<h1 class="outset">outset</h1>
<h1 class="ridge">ridge</h1>
<h1 class="solid">solid</h1>
</body>

</html>